/*
  @import 在 1.8 版本中已弃用，推荐使用 @use
  @import 存在的问题
    - @import 导入的成员是全局的，很难确定定义来自于哪个样式表
    - @import 由于都是全局的，导入不同样式表的成员容易造成命名冲突
    - @import 导入的成员不支持私有化
    - @import 每次执行样式表，都会生成 CSS 并输出，增加了编译时间并产生了臃肿的输出。
    - @extend url 也是全局的，使得预测哪些样式规则将被扩展变得困难
    - 在 @import 之前定义的 mixins、variable 和 function，可以在被导入的样式表中使用(包括来自其他 @import 的)，如 $color 可以在 _list.scss 中使用。
    - 同一个样式表若被多次 @import，那么会被编译为 CSS 多次输出。
  
  @import 可以嵌套导入，不必在样式表的顶层
  @import 导入纯 CSS 文件时，需要按照如下规则：
    - 以 .css 结尾。@import "xxx.css";
    - 以 http 或 https 开头。 @import "http://" | "https://";
    - url 书写方式。@import url(xxx);
    - 包含媒体查询的导入。@import "xxx" screen and (orientation: landscape)
  
*/

$color: red;

@import 'foundation/code', 'foundation/list';
